<template>
  <div class="top">
    <div class="left">
      <div>【{{ detail.company_name }}】 猎头职位</div>
      <div>
        <span>{{ detail.position_name }}</span>
        <span>{{ detail.position_address }}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  // props: {
  //   info: {
  //     type: Object,
  //     default: () => {}
  //   }
  // },
  data() {
    return {
      detail: {}
    };
  },
  // watch: {
  //   info(val) {
  //     this.detail = val;
  //   }
  // },
  created() {
    this.detail = JSON.parse(localStorage.headInfo);
  }
};
</script>
<style lang="scss" scoped>
.top{
    background-color: #444C5F;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
    padding: 40px 60px 40px 60px!important;
    .left{
      >div:nth-of-type(1){
        font-size: 16px;
      }
      >div:nth-of-type(2){
        margin-top: 30px;
        >span:nth-of-type(1){
          font-size: 30px;
          margin-right: 50px;
        }
        >span:nth-of-type(2){
          font-size: 16px;
        }
      }
    }
    .right{
      font-size: 30px;
      font-weight: bold;
      color: #FA6A43;
      background-color: #444C5F;
      padding: 10px;
    }
  }
</style>
